﻿.leftcontainer {
    width: 739px;
    padding-left: 10px;
    border-right:1px solid #E7EBF2;
}
.rightcontainer {
    width: 250px;
}

.top_title h3 {
    font-size: 20px;
    background: blue;/*#999;*/
    padding: 5px 0 5px 55px;
    color: Yellow/*#000;*/
}

.top_title ul li a {
    display: block;
    padding: 5px 0 5px 5px;
    color: #575757;
    border-bottom: 1px solid #fff;
}

.top_title ul li a:hover {
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    margin-left: 5px;
}
.top_title {
    border: 1px solid #999;
}

#service_list
{
    width: 730px;
}
#service_list li {
    clear: both;
    position: relative;
    padding: 5px;
    padding-bottom: 35px;
    border-bottom: 1px solid blue;
    margin-bottom: 5px;
}
#service_list li:hover {
    background: #E7ECF2; /*#ccc;*/
}
#service_list .service_intro{
}
#service_list .service_intro img {
    width: 150px;
}
#service_list .service_intro .content {
    width: 560px;
    padding-left: 10px;
}
#service_list .service_intro a {
    color:#0000FF;
}
#service_list .service_intro h4 {
    font-size: 18px;
}

#service_list .service_intro .intro {
    padding-top: 5px;
}

#service_list .service_intro .viewdetail {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.viewdetail a img
{
    width: 40px !important;
}

#slideProduct {
    margin-top: 10px;
    position: relative;
}
#slideProduct ul li {
    padding-bottom: 5px;
}
#slideProduct img {
    width: 250px;
    height: 170px;
}
.other_service {
    padding: 10px 0 10px 15px;
    border-top: 1px solid #999;
    margin-top: 30px;
    width: 710px;
}
.other_service h3 {
    font-size: 17px;
}

#news_detail img {
    float: left;
    width: 200px;
    margin: 0px 10px 0px 0px;
    overflow: hidden;
    position: relative;
}
#news_detail h3 {
    padding: 0 0 1px;
    margin: 0px;
}
#news_detail .description {
    padding-top: 3px;
}

#news_detail .dateformat
{
    color: #c00000;
    padding: 5px 0;
    font-weight: bold;
}

#newslist li a {
    color: #68b6d3;
    background: url(../images/play_over.png) no-repeat left center;
    padding-left: 25px;
    display: block;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
}
#newslist li a:hover {
    color: #333;
    background: url(../images/icon-play-hover.png) no-repeat left center;
}


    #featured_products h5 a.product-name, .featured_products h5 a.product-name {
        background: #E7ECF2;
        display: block;
        /*width: 218px;*/
        padding: 6px;
        font-size: 16px;
        font-weight: bold;
    }

.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxgrid .boxcaption a.viewdetail {
    float: right;
    color: #fff;
}
				
.boxcaption{ 
	float: left; 
	background: #333; 
	/*height: 100px;
	position: absolute;  */
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.caption .boxcaption {
 	/*top: 160px;
 	left: 0px;*/
}

.boxgrid .boxcaption h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }